<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Roommate Form</title>
</head>

<style type="text/css">
input.rounded {

    border: 1px solid #ccc;

    -moz-border-radius: 12px;

    -webkit-border-radius: 12px;

    border-radius: 12px;

    -moz-box-shadow: 2px 2px 3px #666;

    -webkit-box-shadow: 2px 2px 3px #666;

    box-shadow: 2px 2px 3px #666;

    font-size: 13px;

    padding: 4px 7px;

    outline: 0;

    -webkit-appearance: none;
	
	

}

input.rounded:focus {

    border-color: #0000FF;

}
</style>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.ui.core.min.js"></script>
<script type="text/javascript" src="jquery.ui.widget.min.js"></script>
<script type="text/javascript" src="jquery.ui.datepicker.min.js"></script>
<script type="text/javascript" src="jquery.ui.button.min.js"></script>

<!-- <script type="text/javascript">
$(document).ready(function()
{
   var jQueryDatePicker1Opts =
   {
      dateFormat: 'mm/dd/yy',
      changeMonth: true,
      changeYear: true,
      showButtonPanel: true,
      showAnim: 'show'
   };
   $("#jQueryDatePicker1").datepicker(jQueryDatePicker1Opts);
   $("#jQueryDatePicker1").datepicker("setDate", "new Date()");
   $("#jQueryButton1").button();
});-->
</script>
</head>
<body>
<div id="wb_Form1" style="position:absolute;left:50px;top:20px;width:800px;height:300px;z-index:44;">
<form name="roommatefinder" method="post" action="registerform.jsp" target="_self" id="Form1">
   First Name : * <input id="firstname" class="rounded" type="text" name="firstname" style="width:100px;" />
    &nbsp &nbsp &nbsp
Last Name : * <input id="lastname" class="rounded" type="text" name="lastname" style="width:100px;" />
&nbsp &nbsp &nbsp Age : <input id="age" class="rounded" type="text" name="age" style="width:30px;" />
 &nbsp &nbsp &nbsp Profession : <input id="profession" class="rounded" type="text" name="profession" style="width:100px;" />
   <br><br>
 Email Address : * <input id="email" class="rounded" type="text" name="email" style="width:220px;" />
 &nbsp &nbsp &nbsp Phone Number : <input id="phonenumber" class="rounded" type="text" name="phonenumber" style="width:150px;" />

   <br><br>
  Street Address : <input id="streetaddress" class="rounded" type="text" name="streetaddress" style="width:200px;" />
   &nbsp &nbsp &nbsp 
City : <input id="City" class="rounded" type="text" name="City" style="width:100px;" />
   &nbsp &nbsp &nbsp Zipcode : <input id="zipcode" class="rounded" type="text" name="zipcode" style="width:100px;" />
   <br><br>
    Number of Bedrooms : <input id="noofbed" class="rounded" type="text" name="noofbed" style="width:30px;" />
  &nbsp &nbsp &nbsp &nbsp 
    Number of Bathrooms : <input id="noofbath" class="rounded" type="text" name="noofbath" style="width:30px;" />
   &nbsp &nbsp &nbsp
   Preference of Floor :  <select name="floor" id="floor" class="rounded">
  <option value="ground">Ground</option>
  <option value="medium">Medium</option>
  <option value="high">High</option>
</select>
   <br> <br>

</form>


</body>
</html>